<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>

        <title>.:Budget:.</title>
    </h:head>
    <h:body>
        
        <style type="text/css"> 

body
{
background-image:url("http://www.ugtv2.es/wp-content/uploads/2012/12/Opera-Background-Light-Blue.jpg");


}
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}

</style>
        <div >
        <h:form>
            <h:form>
                <fieldset>                   
            <table>
                    <thead>OFICINAS</thead>
                    <tr>
                    <td><h:outputLabel for="oficinaSalida" value="Oficina Salida" /></td>
                    <td><p:selectOneMenu value="#{reservaBean.oficinaSelected}" >
                                            <f:selectItems value="#{reservaBean.oficinaSelectItem}"  ></f:selectItems>
                                            <!--<f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="Ciudad de Mexico" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="Cancun" itemValue="3"></f:selectItem> -->
                                        </p:selectOneMenu></td> 
                    <td><h:outputLabel for="hsalida" value="Fecha y hora Salida" />
                        <p:calendar pattern="dd-mm-yyyy hh:mm:ss" value="#{reservaBean.dayStart}"></p:calendar></td>
                    </tr>
                <br></br>
                    <tr>
                        <td><h:outputLabel for="oficinaLlegada" value="Oficina Llegada" /></td>
                    <td><p:selectOneMenu value="#{reservaBean.oficinaSelectedRe}" >
                                            <f:selectItems value="#{reservaBean.oficinaSelectItemRe}"  ></f:selectItems>
                                            <!--<f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="Ciudad de Mexico" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="Cancun" itemValue="3"></f:selectItem> -->
                                        </p:selectOneMenu></td> 
                <td><h:outputLabel for="hllegada" value="Fecha y hora Llegada" />
                <p:calendar pattern="dd-mm-yyyy hh:mm:ss" value="#{reservaBean.dayEnd}"></p:calendar></td></tr>
        
            </table>
                    </fieldset>
            
        </h:form>
   <br></br>
   <p:accordionPanel activeIndex="false" >
       <p:tab title="Linea Aerea">  
           <tr>
               <td> <h:outputLabel for="linea" value="Linea Aerea" /></td>
                   <td>  <p:selectOneMenu value="#{reservaBean.lineaAereaSelected}">
                                    <f:selectItems value="#{reservaBean.lineaAeresSelectItem}" ></f:selectItems>
                                <!--<f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                                <f:selectItem itemLabel="Avianca" itemValue="2" ></f:selectItem>-->
                            </p:selectOneMenu></td>
                <td> <h:outputLabel for="flightnumber" value="No de vuelo" /></td>
                <td> <p:inputText placeholder="Numero de vuelo" id="flightnumber" size="20" ></p:inputText></td>
                    
                <td> <h:outputLabel for="frequentlytraveler" value="No de viajero frecuente" /></td>
                 <td>    <p:inputText placeholder="Numero viajero frecuente" id="frequentlytraveler" size="20" ></p:inputText></td>            
        </tr>
        </p:tab>
       <p:tab title="Descuentos">
        <p:panelGrid columns="6" >
                <h:outputLabel for="enterprisediscount" value="No descuento empresarial" />
                    <p:inputText placeholder="Numero descuento empresarial" id="enterprisediscount" size="20" ></p:inputText>
                <h:outputLabel for="discountnumber" value="No cupon descuento" />
                <p:inputText placeholder="Numero cupon descuento" id="discountnumber" size="20" ></p:inputText>
                    
                <h:outputLabel for="frequentlyclient" value="No cliente frecuente" />
                    <p:inputText placeholder="Numero cliente frecuente" id="frequentlyclient" size="20" ></p:inputText>
                
        </p:panelGrid>
           </p:tab>
</p:accordionPanel>
        <br></br>  
        <fieldset>
            <div align="right"  >
            <tr>

                    <td><h:outputLabel for="consulcliente" value="Consultar Cliente" /></td>
                     <td><p:inputText id="consulcliente" size="20" value="#{reservaBean.name}"  ></p:inputText></td>
                      <p:commandButton type="consult" value="Consultar" />
                    </tr></div>
            <table>

                    <thead>DATOS CLIENTE</thead>

                     <br></br> 
                    <br></br> 
                    <tr> 
                        <td><h:outputLabel for="clientname" value="Nombre Cliente" /></td>
             <td><p:inputText placeholder="Nombre de cliente" id="clientname" size="20" value="#{reservaBean.name}"  ></p:inputText></td>
 
            <td><h:outputLabel for="clientlastname" value="Apellido Cliente" /></td>
            <td><p:inputText placeholder="Apellido de cliente" id="clientlastname" size="20" value="#{reservaBean.lastName}" ></p:inputText></td>
            </tr>
                    <tr> 
            <td><h:outputLabel for="fechaNaci" value="Fecha Nacimiento" />   </td>
            <br></br> 
            <td><p:calendar id="DateofBirth" value="#{reservaBean.borndDay}" 
                           navigator="true"  pattern="dd/MM/yyyy"/></td>
            <td><h:outputLabel for="clientage" value="Edad" />  </td>
            <td><p:inputText id="clientage" size="2" value="#{reservaBean.age}" ></p:inputText> </td> 
            </tr>
            </table>
            <br></br> 
            <tr> 
            <thead>DIRECCION 1</thead>
                    <br></br> 
                    <br></br> 
                    
            <td><h:outputLabel for="adresone" value="Direccion" /></td>
            <td><p:inputText placeholder="calle 8B # 78-21" id="adresone" size="20" ></p:inputText></td>
            </tr>
            <br></br>
            <br></br> 
            <tr> 
            <thead>DIRECCION 2</thead>
            <br></br>
            <br></br> 
            <td><h:outputLabel for="col" value="Colonia" /></td>
                 <td><p:selectOneMenu >
                                            <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="AARON SAENZ" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="ACACIAS" itemValue="3"></f:selectItem>
                                            <f:selectItem itemLabel="ACUILOTLA" itemValue="4"></f:selectItem>
                                            <f:selectItem itemLabel="MADERO" itemValue="5"></f:selectItem>
                                            <f:selectItem itemLabel="MANZANASTITLA" itemValue="6"></f:selectItem>
                                        </p:selectOneMenu></td>

            <td><h:outputLabel for="del" value="Delegacion" /></td>
                 <td><p:selectOneMenu >
                                            <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="CUAJIMALPA" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="CHIMALHUACAN" itemValue="3"></f:selectItem>
                                            <f:selectItem itemLabel="ALVARO OBREGON" itemValue="4"></f:selectItem>
                                            <f:selectItem itemLabel="LA PAZ" itemValue="5"></f:selectItem>
                                            <f:selectItem itemLabel="ATENCO" itemValue="6"></f:selectItem>
                                        </p:selectOneMenu></td> 
            </tr>
            <br></br>
            <br></br> 
            <tr> 
            <thead>DIRECCION 3</thead>
            <br></br>
            <br></br> 
            <td><h:outputLabel for="country" value="Pais" /></td>
                 <td><p:selectOneMenu >
                                            <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="MEXICO" itemValue="2"></f:selectItem>

                                        </p:selectOneMenu></td>
            <td><h:outputLabel for="estpro" value="Estado/Provincia" /></td>
                 <td><p:selectOneMenu >
                                            <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="Aguascalientes‎" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="Baja California‎" itemValue="3"></f:selectItem>
                                            <f:selectItem itemLabel="Durango‎" itemValue="4"></f:selectItem>
                                            <f:selectItem itemLabel="Yucatán‎" itemValue="5"></f:selectItem>
                                            <f:selectItem itemLabel="Nayarit‎" itemValue="6"></f:selectItem>
                                        </p:selectOneMenu></td> 
            
            <td><h:outputLabel for="postal" value="Cod Postal" /></td>
                 <td><p:selectOneMenu >
                         <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="4878" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="48780" itemValue="3"></f:selectItem>
                                            <f:selectItem itemLabel="48785" itemValue="4"></f:selectItem>
                                            <f:selectItem itemLabel="48786" itemValue="5"></f:selectItem>
                                            <f:selectItem itemLabel="48788" itemValue="6"></f:selectItem>
                                        </p:selectOneMenu></td> 
            
            <td><h:outputLabel for="city" value="Ciudad" /></td>
                 <td><p:selectOneMenu >
                         <f:selectItem itemLabel="-Seleccionar-" itemValue="1"></f:selectItem>
                                            <f:selectItem itemLabel="Acapulco" itemValue="2"></f:selectItem>
                                            <f:selectItem itemLabel="Aguascalientes" itemValue="3"></f:selectItem>
                                            <f:selectItem itemLabel="Cancún" itemValue="4"></f:selectItem>
                                            <f:selectItem itemLabel="Colima" itemValue="5"></f:selectItem>
                                            <f:selectItem itemLabel="Los Cabos" itemValue="6"></f:selectItem>
                                        </p:selectOneMenu></td> 
                    
                    </tr>
                 <br></br> 
                 <br></br>
                     <tr>
                            <td><label for="phoneNumber">Telefono: 1</label></td>
                            <td><p:inputText placeholder="phoneNumber1"  size="10" ></p:inputText></td>
                            <td><label for="phoneNumber">Telefono: 2</label></td>
                            <td><p:inputText placeholder="phoneNumber2"  size="10" ></p:inputText></td>
                        </tr>
                        
                        <tr>
                            <td><label for="Email">CorreoElectrónico:</label></td>
                            <td><p:inputText placeholder="CorreoElectrónico@"  size="20" ></p:inputText></td>
                            </tr>
                          <br></br>  
                          <br></br>
                           <tr>
                            <td><label for="driverlicense">Licencia de Conducción:</label></td>
                            <td><p:inputText  id="Dirección" size="10" ></p:inputText></td>
                            </tr>
                  
                        <tr>
                            <td><label for="Companyname">Nombre Empresa:</label></td>
                            <td><p:inputText placeholder="Nombre Empresa"  size="20" ></p:inputText></td>
                        </tr>

            
            </fieldset>
        <br></br>  
        <fieldset>
             <table>
                    <thead>DATOS VEHICULO</thead>
                    <br></br> 
                    <tr>
           <td>  <h:outputLabel for="catVehiculo" value="Categoria Vehiculo" /></td>
           <td>  <p:selectOneMenu value="#{reservaBean.grupoSelected}" >
                 <f:selectItems value="#{reservaBean.grupoSelectItem}"></f:selectItems>
                            </p:selectOneMenu></td>
 
           <td> <h:outputLabel for="mm" value="Marca/Modelo" /></td>
           <td> <p:selectOneMenu value="#{reservaBean.marcaSelected}" >
                             <f:selectItems value="#{reservaBean.marcaSelectItem}"></f:selectItems>
            </p:selectOneMenu></td>
        </tr>
             </table>
     </fieldset>
        <br></br>  
        
        <fieldset>
       <table>
                    <thead>COBERTURAS</thead>
                    <br></br> 
            
                         <tr>
                             <p:selectManyCheckbox id="lineDirection" value="#{formBean.selectedOptions}">
            <f:selectItem itemLabel="LDW" itemValue="Option 1" />
            <f:selectItem itemLabel="PAE" itemValue="Option 2" />
            <f:selectItem itemLabel="ESP" itemValue="Option 3" />
            <f:selectItem itemLabel="SLI" itemValue="Option 4" />
        </p:selectManyCheckbox>                        
                        </tr>  
                    <br></br> 
                    <thead>TARIFAS - METODOS DE PAGO</thead>
                    <br></br> 
 <tr>
     <td><h:outputLabel for="codTarifa" value="Codigo Tarifa" /></td>
    <td><p:inputText id="codTarifa" value="" label="Codigo Tarifa" /></td>
 </tr>  
  <tr>                  
    <td><h:outputLabel for="metPago" value="Metodo de pago" /></td>
    <td><p:selectOneMenu value="#{reservaBean.metodoPagoSelected}" >
              <!--<f:selectItems></f:selectItems>-->
              <f:selectItems value="#{reservaBean.metodoPagoSelectItem}"></f:selectItems>
        </p:selectOneMenu></td>
 </tr> 
 <tr>
    <td><h:outputLabel for="tipPago" value="Tipo de pago" /></td>
    <td><p:selectOneMenu  value="#{reservaBean.tipoPagoSelected}" >
              <!--<f:selectItems></f:selectItems>-->
              <f:selectItems value="#{reservaBean.tipoPagoSelectItem}"></f:selectItems>
        </p:selectOneMenu></td>
    </tr>  
    </table> 
            
      </fieldset>
        <br></br> 
        <fieldset>
            <table>
                    <thead>COMENTARIOS</thead>
                    <br></br> 
             <p:inputTextarea rows="8" cols="100" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" /> 
            </table>
     </fieldset>
        
        <div align="center" >  
        <fieldset>
            <table>
            <p:commandButton type="button" value="Reservar" icon="ui-icon-extlink" />
        </table>
        </fieldset>
        </div>  
        
      </h:form>  
            </div>
    </h:body>
</html>
